<div ng-controller="z-approval-c" z-loading is-loading="viewModel.isLoading">
	<div viewstack class="carousel slide" data-ride="carousel">
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="row">
                    <div class="col-lg-12 heading">
                        <ul id="crumb" class="breadcrumb">
	                        <li>
		                        <i class="im-home"></i>
		                        <a href="index.html">首页</a>
	                        </li>
	                        <li ng-repeat="menu in viewModel.menuList">
	                        	<i class="{{menu.icons}}" ng-if="$index+1!=viewModel.menuList.length"></i>
	                        	<i class="en-arrow-right7" ng-if="$index+1==viewModel.menuList.length"></i>
	                        	{{menu.label}}
	                        </li>
                        </ul>
                    </div>
                </div>
                <div class="outlet">
	                <div class="panel-body">
	                    <form class="form-horizontal group-border hover-stripped" role="form">
	                        <div class="row">
	                            <div class="col-lg-2 col-md-1">
									<button class="btn btn-success" ng-click="viewModel.add()">新增</button>
	                            </div>
	                        </div>
	                    </form>
	                </div>
                </div>
                <div class="outlet">
	                <div class="panel-body">
	                    <form class="form-horizontal group-border hover-stripped" role="form" name="form">
	                        <div class="row">
	                        	<div class="col-xs-12 col-sm-10 col-md-11 form-box">
	                        	    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">审批类型：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<select id="attendanceState" class="form-control" ng-model="viewModel.requestType">
			                                    <option value=""></option>
			                                    <option ng-repeat="dictionary in viewModel.requestTypeData" value="{{dictionary.dicCd}}">{{dictionary.dicName}}</option>
			                                </select>
										</div>
									</div>
									<div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">员工类型：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<select id="attendanceState" class="form-control" ng-model="viewModel.requestRole">
			                                    <option value=""></option>
			                                    <option ng-repeat="dictionary in viewModel.requestRoleData" value="{{dictionary.dicCd}}">{{dictionary.dicName}}</option>
			                                </select>
										</div>
									</div>
									<div class="col-sm-3 col-md-4 col-lg-3 form-item">
										<div class="col-lg-1 col-md-1">
											<button type="button" class="btn btn-success" ng-click="viewModel.validForm(form.$valid)">搜索</button>
			                            </div>
									</div>
								</div>
	                        </div>
	                    </form>
	                </div>
                </div>
				<div class="container-fluid">
					<div class="row">
						<!-- <table class="table table-striped  table-bordered table-hover"> -->
						<table class="table table-striped table-bordered" cellspacing="0" width="100%">
							<thead>
								<tr>
									<th>审批类型</th>
									<th>员工类型</th>
									<th>起止天数</th>
									<th>终止天数</th>
									<th>一级审批</th>
									<th>二级审批</th>
									<th>三级审批</th>
									<th>四级审批</th>
									<th>五级审批</th>
									<th width="14%">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="approvalRule in viewModel.dataList">
									<td>{{approvalRule.requestTypeName}}</td>
									<td>{{approvalRule.requestRoleName}}</td>
									<td>{{approvalRule.fromDays}}</td>
									<td>{{approvalRule.toDays}}</td>
									<td>{{approvalRule.oneApprovalRoleName}}</td>
									<td>{{approvalRule.twoApprovalRoleName}}</td>
									<td>{{approvalRule.threeApprovalRoleName}}</td>
									<td>{{approvalRule.fourApprovalRoleName}}</td>
									<td>{{approvalRule.fiveApprovalRoleName}}</td>
									<td>
										<button type="button" 
												class="btn btn-primary btn-sm" 
												ng-click="viewModel.update(approvalRule)">修改</button>
										<button type="button" 
												class="btn btn-danger btn-sm" 
												ng-click="viewModel.del(approvalRule)">删除</button>			
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="row">
						<div z-Pagination total-Data='viewModel.totalData'
							per-Page='viewModel.perPage'
							current-Page='viewModel.rowCount'
							on-Click="viewModel.bindData()"
							on-Change-Per-Page="viewModel.bindData()"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<z-Dialog show-Save-Btn="true" 
	have-Error-Class="false" 
	load-Url="static/html/approval/approvalEdit.html" 
	title="{{editModel.title}}" 
	show="viewModel.show"
	cancel-fn="viewModel.unLoad()"
	save-fn="viewModel.save()"
	body-Height="425"></z-Dialog>
</div>